/* General Classes *********************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	margin: 0;
	padding: 0;
}

h1 {
	padding: 10px;
	font-size: 125%;
	font-weight: normal;
	margin: 0;
}

h1 .subh1 {
	float: right;
	font-size: 65%;
	padding-top: 5px;
}

h1 a {
	text-decoration: none;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 120%;
}

h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 5px 0;
}

img {
	border: 0;
}

/* Global classes **********************************************/
#centerbody {
	margin: 0 auto;
	width: 670px;
}

#content {
	padding: 15px 15px 30px 15px;
}

#footer {
	text-align: center;
	padding: 20px 0;
	font-size: 80%;
}

#header {
	width: 610px;
	margin: 0 auto 20px auto;
	padding: 10px 0;
}

#header #globalmenu {
	float: right;
	padding: 5px 5px 0 0;
}

#menu {
	padding: 0;
}

#menu li a {
	text-decoration: none;
}

#menu ul {
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
}

ul#nav li {
	float: left;
	padding: 7px 15px;
	margin-right: 7px;
	font-size: 120%;
}

#stepsmenu {
	padding: 0;
	margin-bottom: 25px;
}

#stepsmenu li a {
	text-decoration: none;
}

#stepsmenu ul {
	padding: 5px 0 0 0;
	margin: 0;
	list-style-type: none;
}

ul#stepsnav li {
	float: left;
	padding: 3px 3px;
	margin-right: 3px;
	margin-bottom: 2px;
	font-size: 70%;
}

#submenu {
	padding: 7px 18px;
	font-size: 95%;
}

#submenu .item {
	float: left;
	border-left: 1px solid #adadad;
	padding: 0 18px;
	margin: 3px 0;
}

#submenu .itemleft {
	border: 0;
	margin: 3px 0;
	padding: 0 18px 0 0;
}

#submenu .subtext {
	float: right;
	position: relative;
	top: 2px;
	right: 1px;
}

#submenu .subtext img {
	vertical-align: middle;
	position: relative;
	top: -1px;
	padding-right: 2px;
}

/* Shared classes **********************************************/

/* Logo Title Classes */
.vht_logo {
	font-family: arial narrow;
	letter-spacing: -1px;
	font-size: 180%;
	text-decoration: none;
	font-smooth: always;
}

.vht_logo_bold_blue {
	color: #8398A9;
}

/* Form boxes */
.box option.hl {
	font-weight: bold;
}

.box select {
	border-style: solid;
	border-width: 1px;
	padding: 0px;
	width: 100%;
}

.box input {
	border-style: solid;
	border-width: 1px;
}

.box input.date {
	width: 30%;
	padding: 5px;
}

.box input.text {
	padding: 8px 10px;
	width: 100%;
	font-size: 120%;
}

.box input.textdate {
	padding: 8px 10px;
	width: 100px;
	font-size: 120%;
}

.box input.timespent {
	font-size: 100%;
	padding: 6px;
	width: 100px;
}

.box input.active {
	border: 1px solid #6d962b; /* Should move this to palettes later */
}

.box input.submit {
	cursor: pointer;
	font-size: 105%;
	padding: 5px 15px;
}

.box textarea {
	border-style: solid;
	border-width: 1px;
	height: 55px;
	padding: 6px;
	width: 536px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.box textarea.active {
	border: 1px solid #6d962b; /* COLOR?? */
}

.box .status {
	padding: 5px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
}

/* Alert boxes at top (i.e. status boxes) */
.alert {
	font-size: 110%;
	padding: 10px 20px;
	margin-bottom: 15px;
	text-align: center;
}

/* this is too specific */
.alert img {
	margin-right: 5px;
	vertical-align: middle;
}

/* Box */
.box {
	padding: 15px;
	margin-bottom: 15px;
}

.box h1 {
	padding: 0 0 10px 0;
}

.box .subbox {
	padding: 15px 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.box .noborder {
	border: 0;
}

.box .wrap {
	padding-bottom: 15px;
}

.box .left {
	width: 30%;
	float: left;
}

.box .left h1 {
	padding-top: 8px;
}

.box .right {
	width: 70%;
	float: left;
	text-align: left;
}

/* Info bubble */
.info {
	padding: 5px;
	margin-bottom: 15px;
	line-height: 1.4em;
	font-size: 110%;
}

.info .left {
	width: 35px;
	padding: 10px 15px 10px 10px;
	float: left;
}

.info .right {
	float: left;
	padding: 10px 10px 10px 0;
	width: 500px;
}

/* small message */
.message {
	padding: 5px;
	line-height: 1.4em;
	font-size: 80%;
}

/* Standard list */
.list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #666; /* COLOR?? */
}

.list b {
	color: #546C91; /* COLOR?? */
	font-weight: normal;
}

.list li {
	border-bottom: 1px solid #ddd; /* COLOR?? */
	padding: 15px 3px;
}

.list li.active {
	background-color: #feffda; /* COLOR?? */
}

.list li.last {
	border: 0;
}

.list li.min {
	padding: 10px 7px;
}

.list li.noresults {
	border: 0;
	color: #666; /* COLOR?? */
	text-align: center;
}

.list .side {
	float: right;
	padding-left: 15px;
}

.list .sub {
	padding-top: 5px;
	font-size: 88%;
	color: #999;
}

/* Requests (for loading, saving) */
.request {
	text-align: center;
	font-size: 120%;
}

.request img {
	padding-left: 5px;
}

/* Widgets */
.taskcount {
	position: fixed;
	right: 15px;
	top: 60px;
	padding: 10px 20px;
	text-align: center;
	font-size: 80%;
}

.taskcount h1 {
	font-size: 250%;
	padding: 0px;
}

.tooltipwrap {
	position: absolute;
	width: 340px;
	padding: 10px;
	font-size: 13px;
	/* have to set absolute px here since tooltips can be embedded anywhere */
	line-height: 1.5em;
}

.tooltip {
	padding: 15px 20px;
	text-align: left;
}

/* Close button */
.tooltip img {
	float: right;
	padding: 4px;
	cursor: pointer;
}

.tooltip h1 {
	font-size: 17px;
	padding: 0 0 10px 0;
	margin: 0;
}

.tooltip p {
	padding: 0 0 10px 0;
	margin: 0;
}

.tooltip table {
	width: 100%;
}

.tooltip td,.tooltip th {
	padding: 6px 25px 6px 10px;
	text-align: left;
}

/* One-offs *****************************************************/
.alignright {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.center {
	text-align: center;
}

.clickable {
	cursor: pointer;
}

.error {
	color: #b64926;
	padding: 5px 0;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.general {
	color: #546c91;
}

.hide {
	display: none;
}

.invisible {
	visibility: hidden;
}

.large {
	font-size: 115%;
}

.linespace {
	line-height: 1.4em;
}

.marginbottom {
	margin-bottom: 15px;
}

.marginright {
	margin-right: 10px;
}

.margintop {
	margin-top: 15px;
}

.medium {
	font-size: 110%;
}

.box input.noborder {
	border: 0px;
}

.nomargin {
	margin: 0;
}

.nopadding {
	padding: 0;
}

.nounderline a {
	text-decoration: none;
}

.padbottomfive {
	padding-bottom: 5px;
}

.padbottomthirty {
	padding-bottom: 30px;
}

.padfifteen {
	padding: 15px;
}

.padleftfive {
	padding-left: 5px;
}

.padleftten {
	padding-left: 10px;
}

.padtop {
	padding-top: 15px;
}

.padspace {
	padding: 0 5px;
}

.padtopfive {
	padding-top: 5px;
}

.padtopten {
	padding-top: 10px;
}

.small {
	font-size: 88%;
}

.spacer {
	clear: both;
}

.underline {
	text-decoration: underline;
}

.underlinehover a:hover {
	text-decoration: underline;
}

.vertmid {
	vertical-align: middle;
}

/* Specific Page Classes ***************************************/
	/* Confirmation Message */
.confirm {
	
}

.confirm .leftcol {
	float: left;
	width: 60px;
}

.confirm .rightcol {
	float: left;
	width: 485px;
}

.confirm .rightcol ul {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
}

.confirm input.active {
	border: 1px solid #7594AD; /* COLOR?? */
}

.confirm input.text {
	padding: 5px 10px 6px 10px;
	width: 150px;
	margin-right: 5px;
}

.confirm input.email {
	padding: 6px 10px 7px 10px;
	width: 332px;
	margin-right: 5px;
}

/* Feed request */
ol.feedrequest {
	margin: 0;
	padding: 0 23px;
}

ol.feedrequest li {
	padding-bottom: 10px;
}

input.smallsubmit {
	padding: 3px 10px;
	margin-left: 10px;
	cursor: pointer;
}

input.smalltext {
	padding: 5px 5px 5px 5px;
}

/* Dash Page */
h2.feed {
	font-size: 90%;
	padding: 20px 1px 5px;
	margin: 0 3px;
	border-bottom: 1px solid #ddd;
	color: #999; /* COLOR?? */
}

ul.feed {
	padding: 0 3px;
}

ul.feed li {
	font-size: 95%;
	padding: 12px 1px;
}

.feed h3 {
	color: #666; /* COLOR?? */
}

.feed li {
	padding: 10px 7px;
}

.feed li.noresults {
	text-align: left;
}

.pending .employee {
	width: 200px;
	float: left;
	text-align: left;
	padding-left: 55px;
	padding-bottom: 6px;
}

.pending img {
	padding-right: 3px;
}

/* Task Page */
.taskextras {
	text-align: right;
	padding-top: 5px;
	font-size: 86%;
}

.taskextraswrap {
	margin-top: 10px;
	padding: 10px;
}

.taskextraswrap .tip {
	text-align: left;
	padding: 10px;
	margin-top: 5px;
	line-height: 1.5em;
}

.taskextraswrap .tip b {
	font-size: 110%;
	font-weight: bold;
}

.taskextraswrap .tip li {
	padding-bottom: 10px;
	line-height: 1.5em;
}

img.analysisbar {
	vertical-align: middle;
	padding-right: 5px;
}

.noresults {
	text-align: center;
	padding: 20px;
}

/* Goal Page */
.padtext { /* padding right for input text box 100% */
	padding-right: 23px;
}

/* Give Review Page */
.givereview {
	padding: 10px;
	margin-bottom: 15px;
}

.givereview .option {
	float: left;
	width: 20%;
	line-height: 2em;
}

.givereview .option b {
	font-size: 150%;
	font-weight: normal;
}

/* Reviews */
form.box input.firstname {
	padding: 8px 10px;
	width: 167px;
	font-size: 120%;
}

form.box input.lastname {
	padding: 8px 10px;
	width: 168px;
	font-size: 120%;
}

form.box input.mgremail {
	padding: 8px 10px;
	width: 362px;
	font-size: 120%;
}

/* Recurring */
.inputconfirm {
	font-size: 80%;
	padding-left: 15px;
}

/* Employees */
.chartoptions {
	padding: 0 20px;
	text-align: left;
}

.chartoptions .option {
	float: left;
	width: 33%;
	padding: 2px 0;
}

/* History */
.comment {
	line-height: 1.5em;
	padding: 0 3px 10px 3px;
}

.comment h1 {
	padding: 20px 0 10px 0;
}

h1.star {
	padding: 15px 3px 10px 3px;
	border-bottom: 1px solid #ccc;
}

.history li {
	padding: 10px 1px;
	color: #ccc;
}

.history b {
	color: #666;
	font-weight: normal;
}

.noreports .floatleft {
	width: 60px;
}

.noreports .wrap {
	margin-bottom: 20px;
}

h1.graphhead {
	padding: 0 0 10px 0;
}

/* Settings */
.settingsmenu {
	float: left;
	width: 115px;
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	line-height: 2em;
}

.settingsmenu a {
	text-decoration: none;
}

.settings {
	float: left;
	width: 425px;
}

.settings .padtext {
	padding-right: 16px;
}

.settings .wrap {
	padding-bottom: 20px;
}

.settings h1 {
	font-size: 100%;
}

.settings h1.head {
	padding: 10px;
	font-size: 110%;
}

.settings .left h1 {
	padding-top: 5px;
}

form.settings input.text,.settings form.box input.text {
	font-size: 100%;
	padding: 7px;
}

form.settings input.im {
	font-size: 100%;
	padding: 7px;
	width: 254px;
}

form.settings input.date {
	width: 100px;
}

form.settings select {
	width: 150px;
	padding: 7px;
	position: relative;
	top: -1px;
}

form.settings li {
	padding-bottom: 1em;
}

/* Manager Wizard */
.wizard h1 {
	padding: 10px 0;
}

.wizard .left {
	float: left;
	width: 70px;
	padding: 15px 30px;
}

.wizard .right {
	float: left;
	width: 390px;
}

form.wizard select {
	border-style: solid;
	border-width: 1px;
	padding: 6px;
	width: 150px;
}

form.wizard input.name {
	padding: 5px 10px;
	width: 165px;
	font-size: 120%;
}

form.wizard input.text {
	padding: 5px 10px;
}

form.wizard input.active {
	border: 1px solid #7594AD; /* COLOR?? */
}

form.wizard ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 15px 0px;
	font-size: 120%;
}

form.wizard li {
	line-height: 1.5em;
}

/* Login page */
.login {
	width: 400px;
	padding: 50px 0;
	margin: 0px auto;
}

.login table {
	width: 100%;
}

.login td {
	padding-bottom: 30px;
}

form.login input.active {
	border-color: #7594AD; /* COLOR?? */
}

.login .title {
	text-align: right;
	padding-right: 10px;
	font-size: 110%;
}

.login .presub {
	padding-bottom: 0;
}

.login .sub {
	text-align: right;
	font-size: 80%;
	padding-top: 5px;
}

.login .sub a {
	text-decoration: none;
}

/* Analysis */
.analysishead {
	padding: 10px;
}

.analysishead .sub {
	float: right;
	font-size: 81%;
	padding-top: 6px;
}

.analysishead ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.analysishead li {
	float: left;
	padding: 5px 10px;
}

h2.analysis {
	padding-top: 13px;
}

/* Tags */
.tagchart .left {
	width: 235px;
	float: left;
}

.tagchart .right {
	width: 340px;
	float: left;
	text-align: center;
}

.tagchart li {
	padding: 10px;
	color: #999;
}

/* Tag task list*/
.tagtasklist .subh1 a {
	text-decoration: underline;
}

/* Export */
.export {
	padding: 25px 30px;
	font-size: 120%;
}

.export img {
	vertical-align: middle;
	padding-right: 10px;
}

.export .padleft {
	padding-left: 50px;
}

/* Popups ******************************************************/
.dialog .box .left {
	width: 15%;
}

.dialog .box .right {
	width: 85%;
}

.dialog form.box input.text {
	width: 387px;
	padding: 5px;
	font-size: 100%;
}

.dialog form.box input.active {
	border: 1px solid #7594AD; /* COLOR?? */
}

/* Widgets *****************************************************/
	/* CALENDAR STYLES */
.calendar {
	background-color: #fff;
	border: 1px solid #000;
	padding: 3px;
	position: absolute;
	width: 286px;
}

.calendar .control {
	background-color: #7594ad;
	color: #fff;
	text-align: center;
	padding: 2px;
}

.calendar .control a {
	color: #fff;
	text-decoration: none;
}

.calendar .control a.prev {
	float: left;
}

.calendar .control a.next {
	float: right;
}

.calendar th {
	color: #000;
	padding: 1px;
	text-align: center;
	width: 14%;
	font-weight: normal;
}

.calendar th div {
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 2px;
	border-bottom: 1px solid #bbb;
}

.calendar td {
	text-align: center;
	width: 14%;
	padding: 1px;
}

.calendar td div.cur {
	color: #000;
}

.calendar td div.hover {
	background-color: #ffffaa;
	cursor: pointer;
	border-bottom: 1px solid red;
}

.calendar td div {
	border: 1px solid #eee;
	padding: 2px;
	color: #bbb;
}

.dialog {
	width: 500px;
	border: 1px solid #2d3f4e; /* COLOR?? */
	padding: 5px 20px 20px 20px;
	z-index: 500;
	position: fixed;
	left: 50%;
	top: 17%;
	margin-left: -280px;
}

.dialog .close {
	font-size: 80%;
	padding: 4px 3px 8px 5px;
	text-align: right;
}

.dialog .close a {
	text-decoration: none;
}

.tasklist {
	margin-bottom: 4px;
	padding: 10px 15px;
}

.tasklist .date {
	color: #999; /* COLOR?? */
	font-size: 90%;
}

.tasklist .options {
	float: right;
	width: 100px;
	text-align: right;
}

#content .tasklist .options a {
	color: #999; /* COLOR?? */
	font-size: 85%;
	text-decoration: none;
}